<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML Sample | All Your Base</title>
<style type="text/css">
@import url(/css/allyourbase.css);
@import url(/examples/css/ayb.css);
</style>

</head>

<body class="nojs center">

	<div id="page">
	
		<h1>This is 1st level heading</h1>
		<h2>This is 2nd level heading</h2>
		<p>This is a paragraph (<code>p</code>). With <strong>strong</strong> and <em>emphasized</em> text.</p>
		<h3>This is 3rd level heading</h3>
		<p>This is a paragraph (<code>p</code>). With <strong>strong</strong> and <em>emphasized</em> text.</p>
		<h4>This is 4th level heading</h4>
		<p>This is a paragraph (<code>p</code>). With <strong>strong</strong> and <em>emphasized</em> text.</p>
		<h5>This is 5th level heading</h5>
		<p>This is a paragraph (<code>p</code>). With <strong>strong</strong> and <em>emphasized</em> text.</p>
		<h6>This is 6th level heading</h6>
		<p>This is a paragraph (<code>p</code>). With <strong>strong</strong> and <em>emphasized</em> text.</p>
				
		<blockquote><p>This is a block quotation containing a single paragraph. (<code>blockquote</code>) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie, elit non eleifend laoreet, magna nulla pulvinar leo, tincidunt pellentesque sem turpis nec dui.</p></blockquote>
		
		<hr/>
		<h2>Lists</h2>
		<p>This is a paragraph before an <strong>unordered</strong> list (<code>ul</code>).</p>
		<ul>
		  <li>One.</li>
		  <li>Two.</li>
		  <li>Three. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie, elit non eleifend laoreet, magna nulla pulvinar leo, tincidunt pellentesque sem turpis nec dui.</li>
		  <li>Four. This is the last item in this list.</li>
		</ul>
		<p>This is a paragraph before a <strong>ordered</strong> list (<code>ol</code>).</p>
		<ol>
		  <li>One.</li>
		  <li>Two.</li>
		  <li>Three. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie, elit non eleifend laoreet, magna nulla pulvinar leo, tincidunt pellentesque sem turpis nec dui.</li>
		  <li>Four. This is the last item in this list.</li>
		</ol>
		
		<hr/>
		<h2>Lists with class of "default-list"</h2>
		<p>This is a paragraph before an <strong>unordered</strong> list (<code>ul</code>).</p>
		<ul class="default-list">
		  <li>One.</li>
		  <li>Two.</li>
		  <li>Three. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie, elit non eleifend laoreet, magna nulla pulvinar leo, tincidunt pellentesque sem turpis nec dui.</li>
		  <li>Four. This is the last item in this list.</li>
		</ul>
		<p>This is a paragraph before a <strong>ordered</strong> list (<code>ol</code>).</p>
		<ol class="default-list">
		  <li>One.</li>
		  <li>Two.</li>
		  <li>Three. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie, elit non eleifend laoreet, magna nulla pulvinar leo, tincidunt pellentesque sem turpis nec dui.</li>
		  <li>Four. This is the last item in this list.</li>
		</ol>

	</div>
	
	<div id="footer">
		<a href="/">Back</a>
	</div>

</body>
</html>
